<!DOCTYPE HTML>
<html lang="utf-8">
<head>
<meta charset="utf-8">
<title>驾车宝典</title>
<script type="text/javascript" src="scripts/html5.js"></script>
<link href="styles/global.css" rel="stylesheet" type="text/css">
<link href="styles/group.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9 ]><link href="styles/ie8Fix.css" rel="stylesheet" type="text/css"><![endif]-->
<!--[if lt IE 8 ]><link href="styles/ie7Fix.css" rel="stylesheet" type="text/css"><![endif]-->
<!--[if lt IE 7 ]><link href="styles/ie6Fix.css" rel="stylesheet" type="text/css"><![endif]-->
<!--[if lte IE 6]><style type='text/css'>.logo img{ behavior: url("scripts/iepngfix.htc") }</style><![endif]-->
</head>
<body>
<!--顶部导航开始-->
<nav id="topNav"><div class="bgA_01">
	<div class="linkField">
		<div class="links">
			<a href="#" title="我的私信">我的私信</a><a href="#" title="退出">退出</a>
		</div>
		<div class="user">
			<a href="#" title="个人信息">劳拉克罗夫特</a>
		</div>
	</div>
	<div class="navField">
		<a href="#" title="社区广场">社区广场</a> | <a href="#" title="网站导航">网站导航</a> | <a href="#" title="驾车宝典">驾车宝典</a> | <a href="#" title="购物车">购物车</a>
	</div>
</div></nav>
<!--顶部导航结束-->

<!--头部开始-->
<header id="header"><div class="bgA_01">
	<div class="btns">
		<a href="#" class="btn download" title="点击下载">驾车宝典移动客户端 点击下载</a>
	</div>
	<div class="logoField">
		<a href="#" class="logo" title="驾车宝典"><img src="images/logo_01.png" src="驾车宝典"></a>
	</div>
	<div class="bannerField">
		<a href="#"><img src="images/pic_banner_01.jpg" alt="BANNER名称"></a>
	</div>
</div></header>
<!--头部结束-->

<!--导航开始-->
<nav id="mainNav"><div class="bgA_01">
	<div class="searchField">
		<input type="text" class="txt" value="驾车宝典">
		<input type="button" class="btn" value="" title="搜索">
	</div>
	<div class="navField">
		<ul>
			<li class="link1"><a href="#" title="社区首页">社区首页</a></li>
			<li class="link2"><a class="on" href="#" title="群组">群组</a></li>
			<li class="link3"><a href="#" title="帖子">帖子</a></li>
			<li class="link4"><a href="#" title="活动">活动</a></li>
			<li class="link5"><a href="#" title="新鲜事">新鲜事</a></li>
		</ul>
	</div>
</div></nav>
<!--导航结束-->

<!--主要部分开始-->
<section id="main"><div class="bgA_01">

	<div class="groupManage">
	<!--左边开始-->
	<div id="leftArea">
		
		<div class="groupInfoPanel_01"><div class="bgP_01">
			<div class="imgField">
				<div class="img">
					<span><img src="images/pic_header_04.jpg" width="80" height="80" alt="人生和信念"></span>
				</div>
				<div class="btns">
					<a href="#" class="btn">+ 加入小组</a>
				</div>
			</div>
			<div class="infoField">
				<h1>人生和信念</h1>
				<p class="url">http://www.take365.com/group/14751</p>
				<p>创建于：2010-04-11</p>
				<p>成员数：1234人</p>
			</div>
			<div class="textField">
				<p>喵呜~</p>
				<p>让我们体会猫族的淡定和烂漫。来面对生活中的一切不管你面对怎样的压力和选择，也不管你沉浸在怎样的幸福和快乐之中，相信“喵呜”的力量是无穷的，让它帮你释放压力，从忙碌的生活中解脱！</p>
			</div>
		</div></div>
		
		<div class="nTabPanel_01"><div class="bgP_01">
			<div class="btnField">
				<a href="#" class="btn btn1">发表话题</a>
				<a href="#" class="btn btn2">发表活动</a>
			</div>
			<nav class="menuField">
				<ul>
					<li><a href="#" title="讨论区">讨论区</a></li>
					<li><a href="#" title="活动区">活动区</a></li>
					<li><a href="#" title="小组成员">小组成员</a></li>
					<li><a class="on" href="#" title="小组管理">小组管理</a></li>
				</ul>
			</nav>
		</div></div>
		
	</div>
	<!--左边结束-->
	
	<!--右边开始-->
	<div id="rightArea">
		
		<div class="userPanel_01">
			<div class="imgField">
				<a href="#" title="个人信息"><img src="images/pic_header_01.jpg" width="85" height="85" alt="劳拉克罗夫特"></a>
			</div>
			<div class="infoField">
				<div class="title">
					<p class="more"><a href="#" class="btn" title="按钮名字">按钮名字</a></p>
					<h1><a href="#" title="个人信息">劳拉克罗夫特</a></h1>
					<h2>80后-金牛座</h2>
				</div>
				<div class="info">
					<ul>
						<li>
							<p class="num">108</p>
							<p>关注</p>
						</li>
						<li>
							<p class="num">327919</p>
							<p>粉丝</p>
						</li>
						<li>
							<p class="num">3819</p>
							<p>微博</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="myGroupPanel_01">
			<div class="titleField titleType_01">
				<h1>我的小组</h1>
			</div>
			<div class="infoField">
				<ul>
					<li>
						<a href="#" title="我常去的">
							<span>我常去的</span>
							<span class="count">268589</span>
						</a>
					</li>
					<li>
						<a href="#" title="我关注的">
							<span>我关注的</span>
							<span class="count">915</span>
						</a>
					</li>
					<li>
						<a href="#" title="我管理的">
							<span>我管理的</span>
							<span class="count">47</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		
		
	</div>
	<!--右边结束-->
	</div>
	
	<div class="groupManagePanel_01">
		<div class="titleField">
			<h1>修改小组资料</h1>
		</div>
		<div class="formField">
			<dl>
				<dt>小组名称：</dt>
				<dd><input type="text" class="txt" value="人生和信念"><em>* 小组名称包含非法字符</em></dd>
			</dl>
			<dl>
				<dt>小组简介：</dt>
				<dd><textarea class="textArea">喵呜~
让我们体会猫族的淡定和烂漫。来面对生活中的一切不管你面对怎样的压力和选择，也不管你沉浸在怎样的幸福和快乐之中，相信“喵呜”的力量是无穷的，让它帮你释放压力，从忙碌的生活中解脱！</textarea></dd>
			</dl>
			<dl>
				<dt>小组封面：</dt>
				<dd>
					<div class="img">
						<span><img src="images/pic_header_04.jpg" width="80" height="80" alt=""></span>
					</div>
					<div class="info">
						<h2>更换小组封面</h2>
						<div class="upload">
							<input type="file" class="file">
							<button class="btn" title="点击上传">上传</button>
							<button class="btn" title="点击预览">预览</button>
						</div>
						<p>支持jpg，gif，png多种格式图片，80×80像素，大小不超过100K。</p>
					</div>
				</dd>
			</dl>
			<dl>
				<dt>小组分类：</dt>
				<dd><select class="select"><option>分类1</option><option>分类2</option></select></dd>
			</dl>
		</div>
		<div class="btnField">
			<button class="btn" title="保存"></button>
		</div>
	</div>

	
	<div class="linkPanel_02">
		<div class="infoField">
			<p>在线会员 - 总计 <em>1800</em> 人在线 - <em>180</em> 会员、<em>1620</em> 位游客- 最高记录是 <em>10000</em> 于 2013-4-5</p>
		</div>
		<div class="linkField">
			<a href="#" class="link"><img src="images/pic_link_01.jpg" width="172" height="70" alt="驾车宝典"></a>
			<a href="#" class="link" title="点击下载"><img src="images/pic_link_02.jpg" width="172" height="70" alt="踏客社区 手机客户端"></a>
			<a href="#" class="link" title="关注我们"><img src="images/pic_link_03.jpg" width="172" height="70" alt="新浪微博"></a>
			<a href="#" class="link" title="关注我们"><img src="images/pic_link_04.jpg" width="172" height="70" alt="腾讯微博"></a>
			<span title="扫一扫"><img src="images/pic_link_05.jpg" width="172" height="70" alt="微信公众账号 交通广播驾车宝典"></span>
		</div>
	</div>

</div></section>
<!--主要部分结束-->

<!--底部开始-->
<footer id="footer"><div class="bgA_01">
	<div class="logoField">
		<a href="#" class="logo" title="驾车宝典"><img src="images/logo_02.png" src="驾车宝典"></a>
	</div>
	<div class="linkField">
		<a href="#">关于我们</a> <a href="#">加入我们</a> <a href="#">媒体报道</a> <a href="#">帮助中心</a> <a href="#">内容专区</a> <a href="#">免责声明</a> <a href="#">联系我们</a> <a href="#">移动版</a>
	</div>
	<div class="copyrightField">
		&copy; 2004-2013 www.jiachebaodian.com.cn All Rights Reserved. 驾车宝典 版权所有
	</div>
</div></footer>
<!--底部结束-->

<script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="scripts/global.js"></script>
</body>
</html>